<template>
  <div>
    <div class="pay">
      <div class="pay-content">
        <div class="pay-content-position">
          <div class="pay-content-position-left">
            <div class="pay-content-position-left-a">宗地位置:</div>
            <div class="pay-content-position-left-b">宗地四至</div>
            <div class="pay-content-position-left-c">东临：</div>
            <div class="pay-content-position-left-c">西到：</div>
            <div class="pay-content-position-left-c">南接：</div>
            <div class="pay-content-position-left-c">北邻：</div>
            <div class="pay-content-position-left-d">关于位置和四至的补充说明：</div>
          </div>
          <div class="pay-content-position-right">
            <img class="pay-content-position-right-img" src='@/assets/img/lastest1.jpg'>
          </div>
        </div>
        <div class="pay-content-peitao">
          <div class="pay-content-peitao-title">宗地配套</div>
          <div class="pay-content-peitao-jt">
            <div class="pay-content-peitao-jt-title">交通：</div>
            <img class="pay-content-peitao-jt-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-jt-desc">我是配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈哈哈</div>
          </div>
          <div class="pay-content-peitao-sf">
            <div class="pay-content-peitao-sf-title">商服：</div>
            <img class="pay-content-peitao-sf-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-sf-desc"></div>
          </div>
          <div class="pay-content-peitao-jy">
            <div class="pay-content-peitao-jy-title">教育：</div>
            <img class="pay-content-peitao-jy-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-jy-desc"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Detail'
}
</script>

<style lang="stylus" scoped>
  .pay
    width: 1440px
    height: 960px
    margin: 0 auto
    .pay-header
      width: 1440px
      height: 60px
      background: #00bcd4
      .pay-header-title
        width: 280px
        line-height: 60px
        font-weight: bold
        font-size: 24px
        float: left
        text-align: center
        color: #fff
      .pay-header-content-a
        width: 85px
        line-height: 60px
        font-weight: bold
        float: left
        margin-right: 20px
        margin-left: 7px
        text-align: center
        .pay-header-content
          font-size: 20px
          color: #fff
      .pay-header-content-b
        width: 150px
        line-height: 60px
        font-weight: bold
        float: left
        margin-right: 20px
        text-align: center
        .pay-header-content
          font-size: 20px
          color: #fff
      .pay-header-content-c
        width: 120px
        line-height: 60px
        font-weight: bold
        float: left
        text-align: center
        .pay-header-content
          font-size: 20px
          color: #fff
    .pay-content
      width: 1320px
      height: 900px
      background: #fff
      margin: 0 auto
      .pay-content-title
        width: 1320px
        height: 40px
        line-height: 40px
        font-size: 20px
        font-weight: bold
        text-align:left
        float: left
        border-bottom: 1.5px solid #888
      .pay-content-position
        width: 1320px
        height: 400px
        border-bottom: 1px solid #888
        float: left
        .pay-content-position-left
          width: 720px
          height: 400px
          float: left
          .pay-content-position-left-a
            width: 720px
            height: 40px
            line-height: 40px
            font-size: 18px
            font-weight: bold
            border-bottom: 1px solid #888
          .pay-content-position-left-b
            width: 80px
            height: 40px
            line-height: 40px
            font-size: 18px
            font-weight: bold
            border-bottom: 1px solid #888
            float: left
          .pay-content-position-left-c
            width: 720px
            height: 40px
            line-height: 40px
            font-size: 16px
            font-weight: bold
            float: left
            text-indent:1em
          .pay-content-position-left-d
            width: 720px
            height: 40px
            line-height: 40px
            font-size: 18px
            font-weight: bold
            border-top: 1px solid #888
            float: left
        .pay-content-position-right
          width: 600px
          height: 400px
          float: left
          .pay-content-position-right-img
            width: 600px
            height: 400px
    .pay-content-peitao
      width: 1320px
      height: 460px
      float: left
      .pay-content-peitao-title
        width: 1320px
        height: 40px
        font-size: 18px
        font-weight: bold
        line-height: 40px
        float: left
      .pay-content-peitao-jt
        width: 430px
        height: 415px
        float: left
        .pay-content-peitao-jt-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-jt-img
          width: 430px
          height: 237px
          float: left
        .pay-content-peitao-jt-desc
          width: 430px
          height: 140px
          font-size: 16px
          line-height: 30px
          float: left
      .pay-content-peitao-sf
        width: 430px
        height: 415px
        float: left
        margin-left: 15px
        margin-right: 15px
        .pay-content-peitao-sf-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-sf-img
          width: 430px
          height: 240px
          float: left
        .pay-content-peitao-sf-idesc
          width: 430px
          height: 140px
          line-height: 30px
          float: left
      .pay-content-peitao-jy
        width: 430px
        height: 415px
        float: left
        .pay-content-peitao-jy-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-jy-img
          width: 430px
          height: 237px
          float: left
        .pay-content-peitao-jy-desc
          width: 430px
          height: 140px
          font-size: 16px
          line-height: 30px
          float: left
</style>
